<template>
    <div id="table-selection-area">
        <div class="table-selection">
            <i class="el-icon-warning-outline el-button--text"></i>
            <span class="table-selection__num font2 f14">已选 <span class="">{{ selectedCount || 0 }}</span> 项</span>
            <span class="table-selection__total font2 f14">总 <span class="">{{ total || 0 }}</span> 项</span>
        </div>
    </div>
</template>

<script>
export default {
    name: 'table-toolbar-filed',
    data() {
        return {
        }
    },
    /**
     * 透传的值
     */
    props: {
        // 已选
        selectedCount: [Number, String],
        // 总
        total: [Number, String]
    }
}

</script>
<style lang="scss" scoped>
#table-selection-area {

    .table-selection {
        background-color: $themeColor3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 4px;

        i {
            margin-right: 4px;
        }

        .table-selection__num {
            margin-right: 10px;
        }

        .table-selection__total {}
    }
}
</style>